import { request } from "../../request/request.js";
import regeneratorRuntime from '../../lib/runtime/runtime';

Page({

  /**
   * 页面的初始数据
   */
  data: {
    goods: [],
    isFocus: false,
    inpValue: ""
  },

  // 定时器编号
  timeId: -1,

  // 处理输入框的输入
  handleInput(e) {
    // 获取用户的输入内容
    const inputText = e.detail.value.trim();
    // 判断用户输入的合法性
    if (!inputText) 
    {
      clearTimeout(this.timeId);
      this.setData({
        goods: [],
        isFocus: false
      });
      return;
    }
    this.setData({isFocus: true});
    clearTimeout(this.timeId);
    // 发送请求搜索商品
    this.timeId = setTimeout(() => {
      this.queryGoods(inputText);
    },500);
  },

  // 搜索商品
  async queryGoods(inputText) {
    const res = await request({url: "/goods/qsearch",data: {query: inputText}});
    // console.log(res);
    this.setData({goods: res.data.message});
  },

  // 处理取消按钮
  handleCancel() {
    clearTimeout(this.timeId);
    this.setData({
      inpValue: "",
      goods: [],
      isFocus: false
    });
  }

})